import React from 'react'
import { InputItem, Icon } from 'antd-mobile'
import Img from '../../assets/image/img.png'

const Search: React.FC = (props: any) => {
    const changeSearch = (e) => {}
    const goFast = () => {
        props.history.push('/ask')
    }
    return (
        <div className="search-top">
            <div className="search-box">
                <InputItem
                    placeholder="搜索问题"
                    className="search-input"
                    onChange={changeSearch}
                ></InputItem>
                <Icon className="search-icon" type="search" size="md" />
            </div>
            <div className="fast-qa" onClick={goFast}>
                <div className="left">
                    <img src={Img} alt="" />
                </div>
                <div className="right">
                    <h4>快速提问</h4>
                    <p>表述问题 自动匹配解答</p>
                </div>
            </div>
        </div>
    )
}
export default Search
